const webpack = require('webpack')
const path = require('path')
const appData = require('./data.json');
const seller = appData.seller;
const goods = appData.goods;
const ratings = appData.ratings;

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  css: {
    loaderOptions: {
      stylus: {
        'resolve url': true,
        import: [
          './src/theme'
        ]
      }
    }
  },

  pluginOptions: {
    'cube-ui': {
      postCompile: true,
      theme: true
    }
  },

  devServer: {
    before(app, server, compiler) {
      app.get('/api/seller', function (req, res) {
        console.log(req, res);
        res.json({
          errno: 0,
          data: seller
        })
      });

      app.get('/api/goods', function (req, res) {
        res.json({
          errno: 0,
          data: goods
        })
      });

      app.get('/api/ratings', function (req, res) {
        res.json({
          errno: 0,
          data: ratings
        })
      });

    }
  },

  chainWebpack(config) {
    console.log(config, 'config');
    config.resolve.alias
      .set('components', resolve('src/components'))
      .set('common', resolve('src/common'))
      .set('api', resolve('src/api'))
  },

  lintOnSave: false
}
